.member-box {
    height: 100vh;
    background: #F4F4F4;

    .m-header {
        background: #F4F4F4;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 70rpx 32rpx;

        // 迭代
        .erg_gywd {
            margin-top: 65rpx;
            .eg_hygywd{
                background: #FFFFFF;
            }
            .eg_hyftw {
                width: 100%;
                height: 544rpx;
                background: #FFFFFF;
                border-radius: 20rpx 20rpx 0rpx 0rpx;
                margin-top: 40rpx;
                display: flex;
                justify-content: center;
                align-items: center;

                .eg_htwdw {
                    width: 360rpx;
                    height: 360rpx;
                    background-color: red;
                }
            }

            .bapcuind {
                width: 100%;
                height: 96rpx;
                background: #EFAE84;
                border-radius: 0rpx 0rpx 20rpx 20rpx;
                font-size: 28rpx;
                text-align: center;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 96rpx;
            }
            
            .eg_hyuywd {
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-bottom: 1rpx solid #FFFFFF;
                padding: 28rpx 0;
                box-sizing: border-box;

                .eg_ggffwd {
                    font-size: 32rpx;
                    font-family: PingFang SC-Semibold, PingFang SC;
                    font-weight: 600;
                    color: #E94E61;
                    line-height: 38rpx;
                }
                .eg_gwdw{
                    display: flex;
                    align-items: center;
                }
                .eg_hyywd {
                    display: flex;
                    align-items: center;

                    .eg_gywdwd {
                        width: 68rpx;
                        height: 68rpx;
                        background: #591C1C;
                        border-radius: 50%;
                    }



                    .rg_hywdgywd {
                        padding-left: 14rpx;
                        box-sizing: border-box;
                    }

                    .jhuuwdna {
                        font-size: 24rpx;
                        font-family: PingFang SC-Semibold, PingFang SC;
                        font-weight: 600;
                        color: #303030;
                        line-height: 28rpx;
                    }

                    .eg_gyftfrwd {
                        font-size: 24rpx;
                        font-family: PingFang SC-Medium, PingFang SC;
                        font-weight: 500;
                        color: #979797;
                        line-height: 28rpx;
                        padding-top: 10rpx;
                        box-sizing: border-box;
                    }
                }
            }
            .bygy{
                padding: 28rpx 32rpx;
                box-sizing: border-box;

            }

            .dingdasid {
                font-size: 24rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #999999;
                line-height: 28rpx;
            }

            .f_hydwd {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding-top: 28rpx;
                box-sizing: border-box;

                .lef-namd {
                    font-size: 24rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #303030;
                    line-height: 28rpx;
                }

                .wef_gygwtyd {
                    font-size: 24rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #E94E61;
                    line-height: 28rpx;
                }
            }

            .huwsa {
                display: flex;
                align-items: center;
                padding-top: 16rpx;
                border-bottom: 1rpx solid #F2F2F2;
                padding-bottom: 32rpx;
                box-sizing: border-box;

                .eg_gyfwd {
                    padding-left: 20rpx;
                    box-sizing: border-box;
                    width: 80vw;
                }

                .buimg_iw {
                    width: 92rpx !important;
                    height: 90rpx !important;
                    background: red;
                }

                .eg_gytwd {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding-top: 12rpx;
                    box-sizing: border-box;
                }

                .eg_ywer {
                    font-size: 24rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #999999;
                    line-height: 28rpx;
                }

                .eg_nmad {
                    font-size: 24rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #303030;
                    line-height: 28rpx;
                }
            }

            .van-tabs__scroll {
                background: #F4F4F4 !important;
            }

            .van-tabs__line {
                background-color: #EE7280 !important;
            }

            .ef_gygwd {
                width: 80rpx;
                height: 80rpx;
                border-radius: 50%;
                background-color: red;
            }

            .fanhon {
                font-size: 24rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #C4C4C4;
                line-height: 28rpx;
                padding-top: 6rpx;
                box-sizing: border-box;
            }

            .eg_hjuhuwd {
                font-size: 28rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #303030;
                line-height: 33rpx;

                .eg_gywdcsc {
                    font-size: 28rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #E94E61;
                    line-height: 33rpx;
                }



            }

            .eg_ywd {
                display: flex;
                align-items: center;
                padding-top: 40rpx;
                margin-bottom: 26rpx;
                box-sizing: border-box;
            }

            .eg_gtjiwd {
                padding-left: 30rpx;
                box-sizing: border-box;
            }

            .rg_gwd {
                display: flex;
                align-items: center;

                .f_gygwd {
                    font-size: 28rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #303030;
                    line-height: 33rpx;
                    padding-right: 18rpx;
                }



                .eg_hygwd {
                    width: 118rpx;
                    height: 36rpx;
                    background: linear-gradient(90deg, #E9D7AE 0%, #D6BB8D 100%);
                    border-radius: 100rpx;
                    text-align: center;
                    font-size: 20rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #9C7E5B;
                    line-height: 36rpx;
                }
            }

        }

        .eg_gtwd {
            width: 100%;
            height: 340rpx;
            position: relative;

            .eg_gygtftwd {
                width: 100%;
                height: 340rpx;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 8rpx;
            }

            .eg_wdw {
                padding: 26rpx 20rpx;
                box-sizing: border-box;
                position: relative;
                z-index: 9;

                .eg_gtftwd {
                    width: 100%;
                    height: 120rpx;
                    background: rgba(255, 255, 255, 0.29);
                    border-radius: 12rpx;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 0 42rpx;
                    box-sizing: border-box;

                    .ewf_gtfw {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                    }

                    .eg_ttw {
                        width: 0rpx;
                        height: 52rpx;
                        border: 1rpx solid rgba(250, 250, 250, 0.5);
                    }

                    .yu_name {
                        font-size: 24rpx;
                        font-family: PingFang SC-Regular, PingFang SC;
                        font-weight: 400;
                        color: #FFFFFF;
                        line-height: 28rpx;
                    }

                    .eg_hywd {
                        font-size: 36rpx;
                        font-family: Roboto-SemiBold, Roboto;
                        font-weight: 600;
                        color: #FFFFFF;
                        line-height: 42rpx;
                        padding-top: 16rpx;
                    }

                }
            }


            .huuwd_gyd {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 42rpx 20rpx;
                box-sizing: border-box;
                z-index: 9;
                position: relative;

                .eg_gyywd {
                    height: 54rpx;
                    background: #FFFFFF;
                    border-radius: 100rpx;
                    padding: 0 14rpx;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                }

                .f_ygyywname {
                    font-size: 28rpx;
                    font-family: PingFang SC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 33rpx;
                }

                .eg_iygyw {
                    width: 32rpx;
                    height: 32rpx;
                }

                .efg_gyyid {
                    font-size: 32rpx;
                    font-family: Roboto-Medium, Roboto;
                    font-weight: 500;
                    color: #FFFFFF;
                    line-height: 38rpx;
                    padding-top: 8rpx;
                }

                .cnand {
                    font-size: 24rpx;
                    font-family: PingFang SC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #E94E61;
                    line-height: 28rpx;
                }
            }
        }

        .eg_gfwd {
            margin-top: 28rpx;
            width: 100%;
            height: 100rpx;
            background: linear-gradient(270deg, #F8DDBF 0%, #F3BF90 100%);
            border-radius: 8rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20rpx;
            box-sizing: border-box;

            .eg_ggywd {
                display: flex;
                align-items: center;

                .erg_gtnm {
                    font-size: 24rpx;
                    font-family: PingFang SC-Regular, PingFang SC;
                    font-weight: 400;
                    color: rgba(0, 0, 0, 0.54);
                    line-height: 28rpx;
                }

                .jiauhuw_hd {
                    font-size: 28rpx;
                    font-family: PingFang SC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #9F4E37;
                    line-height: 28rpx;
                }
            }

            .tinxianf_wd {
                width: 114rpx;
                height: 50rpx;
                background: #FFFFFF;
                border-radius: 100rpx;
                text-align: center;
                font-size: 24rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 500;
                color: #9F4E37;
                line-height: 50rpx;
            }
        }


        .m-img {
            width: 100%;
            height: 214rpx;
            position: relative;
            left: 0;
            top: 0;
            display: block;
            z-index: 1;
        }

        .my-sales {
            position: absolute;
            z-index: 2;
            width: 690rpx;
            height: 200rpx;
            background: #FFFFFF;
            box-shadow: 0 14rpx 46rpx 0 rgba(0, 0, 0, 0.04);
            border-radius: 20rpx;
            top: 40rpx;
            left: 30rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 40rpx 50rpx;

            .block {
                text-align: center;

                .title {
                    color: #666666;
                    font-size: 28rpx;
                    margin-bottom: 20rpx;
                    font-weight: 500;
                }

                .num {
                    font-size: 40rpx;
                    color: #333333;
                    font-weight: 500;
                }
            }

            .line {
                width: 2rpx;
                height: 82rpx;
                background: #979797;
                opacity: .13;
            }
        }
    }

    .m-search {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30rpx;
        position: relative;
        top: 30rpx;
        left: 0;

        .s-input {
            margin-right: 20rpx;
            position: relative;
            left: 0;
            top: 0;

            .input {
                box-sizing: border-box;
                width: 544rpx;
                height: 60rpx;
                background: #F2F2F2;
                border-radius: 60rpx;
                font-size: 24rpx;
                color: #333333;
                padding-left: 70rpx;
            }
        }

        .btn-search {
            width: 128rpx;
            height: 60rpx;
            background: linear-gradient(157deg, #FFC78B 0%, #E98247 100%);
            box-shadow: 0 14rpx 46rpx 0 rgba(0, 0, 0, 0.04);
            border-radius: 64rpx;
            color: white;
            font-size: 28rpx;
            text-align: center;
            line-height: 60rpx;
        }

        .m-ico {
            width: 30rpx;
            height: 30rpx;
            position: absolute;
            left: 24rpx;
            top: 16rpx;
            z-index: 2;
        }

    }

    .total {
        padding: 30rpx 50rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .left {
            display: flex;
            align-items: center;

            .txt1 {
                font-size: 24rpx;
                color: #666666;
                margin-right: 16rpx;
            }

            .txt2 {
                font-size: 32rpx;
                color: #333333;
                font-weight: 500;
            }
        }

        .right {
            display: flex;
            align-items: center;

            .txt3 {
                font-size: 28rpx;
                color: #333333;
                margin-right: 10rpx;
                font-weight: 500;
            }

            .img-box {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 20rpx;

                .img1,
                .img2 {
                    width: 14rpx;
                    height: 8rpx;
                }
            }
        }
    }

    .lists {
        padding: 30rpx;

        .item {
            box-sizing: border-box;
            width: 690rpx;
            height: 296rpx;
            background: #FFFFFF;
            box-shadow: 0 14rpx 46rpx 0 rgba(0, 0, 0, 0.04);
            border-radius: 20rpx;
            margin-bottom: 20rpx;
            padding: 30rpx;

            .top {
                display: flex;
                align-items: center;
                padding-bottom: 30rpx;
                border-bottom: 2rpx solid rgba(rgba(151, 151, 151, .13));

                .img-box {
                    width: 72rpx;
                    height: 72rpx;
                    border-radius: 72rpx;
                    margin-right: 20rpx;

                    image {
                        width: 72rpx;
                        height: 72rpx;
                        border-radius: 72rpx;
                    }
                }

                .txt4 {
                    font-size: 36rpx;
                    color: #333333;
                    font-weight: 500;
                    display: flex;
                    align-items: center;

                    .txt6 {
                        max-width: 370rpx;
                        margin-right: 10rpx;
                    }

                    .txt7 {
                        font-size: 20rpx;
                        padding: 4rpx 10rpx;
                        border-radius: 20rpx;
                        color: white;
                        background: linear-gradient(180deg, #A4D7FF 0%, #4F7FFF 100%);
                        ;
                    }
                }

                .txt5 {
                    font-size: 24rpx;
                    color: #666666;
                }
            }

            .bottom {
                .my-sales {

                    // width: 690rpx;
                    // height: 200rpx;
                    // background: #FFFFFF;
                    // box-shadow: 0 14rpx 46rpx 0 rgba(0, 0, 0, 0.04);
                    // border-radius: 20rpx;

                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 20rpx 50rpx 0;

                    .block {
                        text-align: center;

                        .title {
                            color: #666666;
                            font-size: 24rpx;
                            margin-bottom: 20rpx;
                            font-weight: 500;
                        }

                        .num {
                            font-size: 40rpx;
                            color: #333333;
                            font-weight: 500;
                        }
                    }

                    .line {
                        width: 2rpx;
                        height: 82rpx;
                        background: #979797;
                        opacity: .13;
                    }
                }
            }
        }
    }
}

.nodata {
    font-size: 28rpx;
    color: #333333;
    margin: 30rpx auto;
    display: block;
    text-align: center;
}